 <div class="page" ng-controller="nuevoUsuario">
    <!--div class="panel-heading"><strong>Registro de Usuario</strong></div-->
     <div class="row">
        <section class="panel panel-default col-md-6">
            <div class="panel-body">
               <div class="row">
                    <form class="form-inline form-validation" role="form">
                        <div class="form-group">
                            <p><strong>Nombres</strong></p>
                            <input type="text" class="form-control" id="" placeholder="Nombres" ng-model="nombre" required maxlength="20" pattern="^([_A-z0-9]){3,}$" >
                            <input type="text" class="form-control" id="" placeholder="Apellidos" ng-model="apellido" required maxlength="20" pattern="^([_A-z0-9]){3,}$">
                        </div>
                        <div class="divider divider-ls pull-in"></div>
                        <div class="form-group">
                            <label>N° Pasaporte ó Documento de Identidad</label>
                            <input type="number" class="form-control" id="" placeholder="" ng-model="cedula" data-ng-model="form.num" required>
                        </div>
                    </form>
                <div class="divider divider-ls pull-in"></div>
                    <form class="form-horizontal col-md-6" role="form" data-toggle="validator">
                        <div class="form-group">
                            <label>Sexo</label>
                            <span class="ui-select">
                                <select ng-model="sexo">
                                    <option value="f">Femenino</option>
                                    <option value="m">Masculino</option>
                                </select>
                            </span>
                        </div>
                        <div class="divider divider-ls pull-in"></div>
                        <div class="form-group">
                            <label>Fecha de Nacimiento</label>
                            <span class="col-sm-2 input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
					             <input type="text"
					               class="form-control"
					               datepicker-popup="{{format}}"
					               ng-model="dt"
					               is-open="opened"
					               min="minDate"
					               max="'2015-06-22'"
					               datepicker-options="dateOptions"
					               date-disabled="disabled(date, mode)"
					               ng-required="true"
					               close-text="Close"
					               id="fechaInicio">
					             <span class="input-group-addon" ng-click="open($event)"><i class="ti-calendar"></i></span>
				            </span>                            
                            <input type="text" class="form-control" id="" placeholder="" ng-model="fechaNacimiento">
                        </div>
                    </form>
                    <div class="divider divider-ls pull-in"></div>
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <p><strong>Teléfonos</strong></p>
                            <input type="text" class="form-control" id="telefonoHabitacion" placeholder="Telf. Habitación" ng-model="telefono1" maxlength="15" pattern="/^[0-9])+$/" required>
                            <input type="text" class="form-control" id="telefonoCelular" placeholder="Telf. Celular" ng-model="telefono2" maxlength="15" pattern="/^[0-9])+$/" required>
                        </div>
                    </form>
                    <div class="divider divider-ls pull-in"></div>
                    <form>
                        <div class="form-group">
                            <label>Dirección</label>
                            <textarea name="TADireccion" id="direccion" class="form-control" ng-model="direccion" rows="4" required data-ng-model="form.required_textarea"></textarea>
                        </div>
                        <div class="form-group">
                            <label>Correo Eletrónico</label>
                            <input type="text" id="" class="form-control" placeholder="correo@dominio.com" ng-model="correo" type="email" required data-ng-model="user.email>
                        </div>
                        <div class="form-group">
                            <label>Cargo</label>
                            <input type="text" id="" class="form-control" placeholder="Cargo" ng-model="cargo" maxlength="20" pattern="^([_A-z0-9]){3,}$">
                        </div>
                    </form> 
                </div>
            </div>
    </section>
     <section class="panel panel-default col-md-6">
            <div class="panel-body">
               <div class="row">
                    <!--form class="form-inline">
                        <div class="drop-box col-sm-2">Foto/Logo</div>                                
                    </form>
                    <form class="form-horizontal col-md-12">
                        <div class="form-group">
                            <input type="file" class="ti-upload btn-success  col-md-12" title=" Subir" data-ui-file-upload ng-model="imagen">
                        </div>
                    </form-->
                    <form class="form-horizontal col-md-12">
                        <div class="form-group">
                            <label>Usuario</label>
                            <input type="text" id="" class="form-control" placeholder="Usuario de Acceso" ng-model="usuario">
                        </div>                        
                    </form>
                    <label>Contraseña</label>
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <input type="text" id="" class="form-control col-lg-6" placeholder="Contraseña" ng-model="contrasenia">
                            <input type="text" id="" class="form-control col-lg-2" placeholder="Repetir contraseña" ng-model="contrasenia1">
                        </div>
                    </form>
                    <div class="divider divider-ls pull-in"></div>
                    <form class="form-horizontal col-md-6" role="form">
                        <div class="form-group">
                            <label>Tipo de Usuario</label>
                            <span class="ui-select">
                                <select ng-model="usuarioTipo"  ng-options="usuarioTipo.nombre for usuarioTipo in tipoUsuarios">
                                    <option></option>
                                </select>
                            </span>
                        </div>
                    </form>
                    <div class="divider divider-ls pull-in"></div>
                    <form class="form-horizontal col-md-6" role="form" ng-show="usuarioTipo.nombre != 'Cliente TCPRO' && usuarioTipo.nombre != ''">
                        <div class="form-group">
                            <label>Proyecto</label>
                            <span class="ui-select">
                                <select ng-model="proyecto" ng-options="proyecto.nombre_proyecto for proyecto in proyectos">
                                    <option></option>
                                </select>
                            </span>
                        </div>
                    </form>
                    <form class="form-horizontal col-md-6" role="form" ng-show="usuarioTipo.nombre == 'Cliente TCPRO'">
                        <div class="form-group">
                            <label>Plan</label><br>
                            <span class="ui-select">
                                <select ng-model="plan" ng-options="planTipo.nombre for planTipo in planes">
                                    <option></option>
                                </select>
                            </span>
                        </div>
                    </form>
                <button class="btn btn-default" ng-click=guardar()><span class="glyphicon glyphicon-floppy-open"></span> Registrar</button>
                <button class="btn btn-default"><span class="glyphicon glyphicon-remove-circle"></span> Cancelar</button>
                </div>
            </div>
        </div>
    </section>
        </div>
     </div>
 </div>
